<template>
  <div>
    <h1>生命周期演示</h1>
    <ul>
        <li v-for="(item,index) in list" :key="index">
            <div>
                <span>{{item.name}}</span>
                <span>{{item.job}}</span>
                <img :src="item.headImg" alt="">
            </div>
        </li>
    </ul>
  </div>
</template>

<script>
export default {
    data(){
        return{
            //count:100
            list:[]
        }
    },
    props:['num'],
    methods:{
        //increment(){this.count++}
        getStudents(){
            fetch('https://www.fastmock.site/mock/aa707460627cc0c10a3e37f7925f6191/w06prj/getAllStudents').then(res=>res.json()).then(result=>{
                console.log(result);
                this.list=result
            })
        }
    },
    beforeCreate(){
        // console.group('-----beforeCreate-------')
        // console.log('访问data数据:',this.count);
        // //console.log('访问props数据:',this.num);
        // console.log('访问methods的方法',this.increment);
        // console.groupEnd()
    },
     created(){
        // console.group('-----created-------')
        // console.log('访问data数据:',this.count);
        // console.log('访问props数据:',this.num);
        // console.log('访问methods的方法',this.increment);
        // console.groupEnd()
        this.getStudents()
    }

}
</script>

<style>

</style>